<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> </title>
<style>
 
.node circle {
  fill: #999;
}

.node text {
  font: 10px sans-serif;
}

.node--internal circle {
  fill: #555;
}

.node--internal text {
  text-shadow: 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
}

.link {
  fill: none;
  stroke: #555;
  stroke-opacity: 0.4;
  stroke-width: 1.5px;
}
#kl_screen{
	border:3px solid #000
}
</style>
</head>
<body>
 <div id="kl_screen" class="kn_content"> 
              <div id="mapRow" class="kl_str"></div>
          </div>

	<script
		src="${pageContext.request.contextPath}/static/fw/plugin/d3/d3.v3.min.js"
		charset="utf-8"></script>
		<script
		src="${pageContext.request.contextPath}/static/fw/plugin/x3dom/x3dom.js"
		charset="utf-8"></script>
		<script
		src="${pageContext.request.contextPath}/demos/structmap/strucMap1.min.js"
		charset="utf-8"></script>
		<script
		src="${pageContext.request.contextPath}/static/fw/plugin/jquery/1.11.1/jquery-1.11.1.min.js"
		charset="utf-8"></script>
	<script>
	$(function () {
        var w, h,dw=1140,dh=940,isAll=false,options;
        w = $(window).width();
        h = $(window).height();
        options = {
            width: w,
            height: h
        };
        var nodestr =  "";
		var linkstr = "";
		$.getJSON("${pageContext.request.contextPath}/demos/structmap/node.json",function(data)
			{
				nodestr = data;
				$.getJSON("${pageContext.request.contextPath}/demos/structmap/link.json",function(data)
				{
				   linkstr = data;
		           console.log(nodestr)
		           console.log(linkstr)
                   loadMap(options, nodestr, linkstr);
				});
			});
       
    });
	</script>
</body>
</html>